﻿<!DOCTYPE html>
<html lang="zxx" dir="ltr">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
  <!-- Title -->
  <title>转正汇报 - 徐永华\(^o^)/~</title>
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,800%7COpen+Sans:400,400i,700"
    rel="stylesheet">
  <!-- CSS Files -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/fontawesome/css/all.min.css" rel="stylesheet">
  <link href="css/magnific-popup.css" rel="stylesheet">
  <link href="css/skins/skin1.css" rel="stylesheet">
  <link href="css/custom.css" rel="stylesheet">
</head>

<body>
  <!-- Pre Load Starts -->
  <div id="pre-load" class="col items-center justify-center">
    <h1 class="white">汇报即将开始，敬请期待</h1>
    <!-- <div class="load-circle"></div> -->
    <img src="./img/start.gif" style="width:150px;margin-bottom:50px;">
    <div class="button-wrapper" id="start-btn">
      <a href="#">
        <span class="front">
          <i class="fas fa-play"></i><span class="value"><span>马上开始</span></span>
        </span>
        <span class="back">
          <i class="fas fa-play"></i><span class="value"><span>马上开始</span></span>
        </span>
      </a>
    </div>
  </div>
  <!-- Pre Load Ends -->
  <!-- Wrapper Starts -->
  <div id="wrapper">
    <div class="container-fluid">
      <div class="row no-gutters v-full">
        <!-- Left Wrapper Starts -->
        <div id="left-wrapper" class="col-12 col-lg-8">
          <!-- Main Content (Home) Starts -->
          <div id="home" class="main-content">
            <!-- Content Hanging On Home Section Starts -->
            <div class="hanging">
              <div class="logo-hanging">
                <i class="fas fa-globe"></i>
              </div>
              <div class="text-hanging">
                <div class="word">
                  <h6><span>环宇星科</span></h6>
                </div>
              </div>
            </div>
            <!-- Content Hanging On Home Section Ends -->
            <!-- Inner Content Starts -->
            <div class="inner-content">
              <!-- Head Content Starts -->
              <div class="head-content">
                <h3><span>徐永华 的 转正汇报</span></h3>
                <!-- <h5><span class="passion"></span></h5> -->
              </div>
              <!-- Head Content Ends -->
              <!-- Content Starts -->
              <div class="content">
                <!-- About Menu Starts -->
                <!-- <div id="about-menu" class="box-wrapper">
                  <div class="inner-box-wrapper">
                    <a href="#about" class="menu-link">
                      <div class="valign-center">
                        <i class="fas fa-3x fa-question"></i>
                        <h5>我的 <span>理解</span></h5>
                      </div>
                    </a>
                  </div>
                </div> -->
                <!-- About Menu Ends -->
                <!-- Resume Menu Starts -->
                <div id="resume-menu" class="box-wrapper">
                  <div class="inner-box-wrapper">
                    <a href="#resume" class="menu-link">
                      <div class="valign-center">
                        <i class="fas fa-toolbox fa-3x"></i>
                        <h5>我的 <span>工作</span></h5>
                      </div>
                    </a>
                  </div>
                </div>
                <!-- Resume Menu Ends -->
                <!-- Portfolio Menu Starts -->
                <div id="portfolio-menu" class="box-wrapper">
                  <div class="inner-box-wrapper">
                    <a href="#portfolio" class="menu-link">
                      <div class="valign-center">
                        <i class="fas fa-newspaper fa-3x"></i>
                        <h5>我的 <span>复盘</span></h5>
                      </div>
                    </a>
                  </div>
                </div>
                <!-- Portfolio Menu Ends -->
                <!-- Contact Menu Starts -->
                <div id="contact-menu" class="box-wrapper">
                  <div class="inner-box-wrapper">
                    <a href="#contact" class="menu-link">
                      <div class="valign-center">
                        <i class="fas fa-envelope fa-3x"></i>
                        <h5>我的 <span>计划</span></h5>
                      </div>
                    </a>
                  </div>
                </div>
                <!-- Contact Menu Ends -->
              </div>
              <!-- Content Ends -->
            </div>
            <!-- Inner Content Ends -->
          </div>
          <!-- Main Content (Home) Ends -->
          <!-- Main Content (About) Starts -->
          <div id="about" class="main-content">
            <!-- Close Button Starts -->
            <a href="#home" class="close-menu-link">
              <i class="close-button fas fa-times-circle fa-2x"></i>
            </a>
            <!-- Close Button Ends -->
            <!-- Content Hanging On About Section Starts -->
            <div class="hanging">
              <div class="logo-hanging">
                <i class="fas fa-question"></i>
              </div>
              <div class="text-hanging">
                <div class="word">
                  <h6>我的 <span>理解</span></h6>
                </div>
              </div>
            </div>
            <!-- Content Hanging On About Section Ends -->
            <!-- Inner Content Starts -->
            <div class="inner-content">
              <!-- Head Content Starts -->
              <div class="head-content">
                <h3>一个好前端，<span>就不能只是前端</span></h3>
              </div>
              <div class="content">
                <div id="personal-info">
                  <!-- Personal Info Heading Starts -->
                  <!-- <h5>是前端，却不能只是前端</h5> -->
                  <!-- Personal Info Heading Ends -->
                  <div class="row no-gutters">
                    <!-- Profile Picture Starts -->
                    <div class="profile-picture col-md-2 col-sm-3 col-12"></div>
                    <div class="profile">
                      <ul>
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>技术上，不只会前端</span>
                          </span>
                          <!-- <span class="dash">-</span> -->
                          <div class="value">立足前端；理解后端、数据库以及网络安全</div>
                        </li>
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>角色上，不只当前端</span>
                          </span>
                          <!-- <span class="dash">-</span> -->
                          <div class="value">从产品和设计视角优化用户体验</div>
                        </li>
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>未来，不只是前端</span>
                          </span>
                          <!-- <span class="dash">-</span> -->
                          <div class="value">技术、需求、行业都在不断变化，直面新的挑战，不断学习和突破</div>
                        </li>
                        <!-- Single Content On Profile Ends -->
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- <div class="row items-center justify-center" style="padding-bottom:100px;">
                  <img src="./img/big.webp" alt="" style="width:150px;">
                </div> -->
              </div>
            </div>
          </div>
          <div id="resume" class="main-content">
            <!-- Close Button Starts -->
            <a href="#home" class="close-menu-link">
              <i class="fas fa-times-circle fa-2x"></i>
            </a>
            <!-- Close Button Ends -->
            <!-- Content Hanging On Resume Section Starts -->
            <div class="hanging">
              <div class="logo-hanging">
                <i class="fas fa-toolbox"></i>
              </div>
              <div class="text-hanging">
                <div class="word">
                  <h6>我的 <span>工作</span></h6>
                </div>
              </div>
            </div>
            <!-- Content Hanging On Resume Section Ends -->
            <!-- Inner Content Starts -->
            <div class="inner-content">
              <!-- Head Content Starts -->
              <div class="head-content">
                <h3>我的 <span>工作</span></h3>
              </div>
              <div class="content">
                <div class="skills">
                  <!-- <h5>Skills</h5> -->
                  <div class="row no-gutters">
                    <div class="single-skills-wrapper col-12 col-sm-6">
                      <ul>
                        <li class="skills-heading">
                          <!-- <span class="first-word">完成功能性需求23个</span> -->
                          <span class="second-word">日常开发</span>
                        </li>
                        <li>
                          <ul>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>涉及 5 个前端项目</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>门禁管理系统</li>
                                  <li>网格管理系统</li>
                                  <li>宿管考勤</li>
                                  <li>身份中台</li>
                                  <li>课堂考勤</li>
                                  <li>&…………</li>
                                </div>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>完成的功能需求</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>门禁-h5部分功能定制&优化</li>
                                  <li>门禁-PC功能开发</li>
                                  <li>网格-PC改版&整体页面优化</li>
                                  <li>网格-小程序人脸识别打卡&其他功能调整</li>
                                  <li>宿管考勤PC端-功能开发&组件优化</li>
                                  <li>宿管考勤-h5教师端页面&接口调试</li>
                                  <li>身份中台部分页面&接口调试</li>
                                  <li>&…………</li>
                                </div>
                              </ul>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                    <div class="single-skills-wrapper col-12 col-sm-6">
                      <ul>
                        <li class="skills-heading">
                          <span class="second-word">其它工作</span>
                        </li>
                        <li>
                          <ul>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>openlayers框架</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>了解和学习ol框架，初步实现部分demo</li>
                                </div>
                              </ul>
                            </li>
                            <!-- <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>主动承担UI工作，优化项目设计规范</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>主动承担UI工作，节省了设计部同事的UI设计时间；</li>
                                  <li>尽可能统一项目的设计规范和样式库，对一些不符合用户习惯的部分做了优化改进。</li>
                                </div>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>积极响应用户反馈，优化性能</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>积极回访用户沟通反馈的问题，定位问题的技术点并及时解决；</li>
                                  <li>优化各项目特别是大咖说小程序的性能，提升用户体验感。</li>
                                </div>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span>值班咨询，及时排查解决项目问题</span>
                                </li>
                                <div style="padding-left:25px;color:#ddd;">
                                  <li>根据排班在业余时间坚持值班，积极响应系统咨询。</li>
                                </div>
                              </ul>
                            </li> -->
                          </ul>
                      </ul>
                      </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="portfolio" class="main-content">
            <a href="#home" class="close-menu-link">
              <i class="close-button fas fa-times-circle fa-2x"></i>
            </a>
            <div class="hanging">
              <div class="logo-hanging">
                <i class="fas fa-newspaper"></i>
              </div>
              <div class="text-hanging">
                <div class="word">
                  <h6>我的 <span>复盘</span></h6>
                </div>
              </div>
            </div>
            <div class="inner-content">
              <div class="content">
                <div class="head-content">
                  <h3>我的 <span>复盘</span></h3>
                </div>
                <div class="skills">
                  <!-- <h5>Skills</h5> -->
                  <div class="row no-gutters">
                    <div class="single-skills-wrapper col-12 col-sm-6">
                      <ul>
                        <li class="skills-heading">
                          <!-- <span class="first-word">完成功能性需求23个</span> -->
                          <span class="second-word">我擅长的</span>
                        </li>
                        <li>
                          <ul>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">前端开发技术</span>
                                </li>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">自主解决问题的能力和学习能力</span>
                                </li>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">重视团队协作</span>
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                      </ul>
                    </div>
                    <div class="single-skills-wrapper col-12 col-sm-6">
                      <ul>
                        <li class="skills-heading">
                          <!-- <span class="first-word">Hard</span> -->
                          <span class="second-word">有待提高的</span>
                        </li>
                        <li>
                          <ul>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">对项目和业务的熟悉度</span>
                                </li>
                              </ul>
                            </li>
                            <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">自测的覆盖率</span>
                                </li>
                              </ul>
                            </li>
                            <!-- <li class="single-skill">
                              <ul>
                                <li class="skill-name">
                                  <i class="fas fa-angle-double-right"></i><span class="white">团队沟通</span>
                                </li>
                              </ul>
                            </li> -->
                          </ul>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- Inner Content Ends -->
          </div>
          <!-- Main Content (Portfolio) Ends -->
          <!-- Main Content (Contact) Starts -->
          <div id="contact" class="main-content">
            <!-- Close Button Starts -->
            <a href="#home" class="close-menu-link">
              <i class="close-button fas fa-times-circle fa-2x"></i>
            </a>
            <!-- Close Button Ends -->
            <!-- Content Hanging On Contact Section Starts -->
            <div class="hanging">
              <div class="logo-hanging">
                <i class="fas fa-envelope"></i>
              </div>
              <div class="text-hanging">
                <div class="word">
                  <h6>我的 <span>计划</span></h6>
                </div>
              </div>
            </div>
            <div class="inner-content">
              <!-- Head Content Starts -->
              <div class="head-content">
                <h3><span>代码也能带来好的体验</span></h3>
              </div>
              <div class="content">
                <div id="personal-info">
                  <!-- Personal Info Heading Starts -->
                  <!-- <h5>是前端，却不能只是前端</h5> -->
                  <!-- Personal Info Heading Ends -->
                  <div class="row no-gutters">
                    <!-- Profile Picture Starts -->
                    <div class="profile-picture col-md-2 col-sm-3 col-12"></div>
                    <div class="profile">
                      <ul>
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>提高效率，提升技术，深度了解业务</span>
                          </span>
                        </li>
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>互相学习，加强团队贡献</span>
                          </span>
                        </li>
                        <!-- <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>主人翁意识，为产品创新努力</span>
                          </span>
                        </li> -->
                        <li>
                          <span class="label">
                            <i class="fas fa-angle-double-right"></i><span>持续优化用户体验</span>
                          </span>
                        </li>
                        <!-- Single Content On Profile Ends -->
                      </ul>
                    </div>
                  </div>
                </div>
                <!-- <div class="row items-center justify-center" style="padding-bottom:100px;">
                  <img src="./img/big.webp" alt="" style="width:150px;">
                </div> -->
              </div>
            </div>
          </div>
          <!-- Main Content (Contact) Ends -->
        </div>
        <!-- Left Wrapper Ends -->
        <!-- Right Wrapper Starts -->
        <div id="right-wrapper" class="col-lg-4">
          <!-- Large Profile Picture Starts -->
          <div class="lg-profile-picture"></div>
          <!-- Large Profile Picture Ends -->
        </div>
        <!-- Right Wrapper Ends -->
      </div>
    </div>
  </div>
  <!-- Wrapper Ends -->
  <!-- JS Files -->
  <script src="js/jquery-3.3.1.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/imagesloaded.pkgd.min.js"></script>
  <script src="js/isotope.pkgd.min.js"></script>
  <script src="js/magnific-popup.min.js"></script>
  <script src="js/typeit.min.js"></script>
  <script src="js/custom.js"></script>
</body>

</html>